<script setup lang="ts">
import { onMounted, ref } from "vue";
import { useRoute } from "vue-router";

defineOptions({
    name: "Menu122",
});

const input = ref("");
const { query } = useRoute();

onMounted(() => {
    console.info("Menu1-2-2 component mounted");
});
</script>

<template>
    <el-card>
        <div class="dark:text-white">
            <p>{{ $t("menu.menu1") }}</p>
            <p style="text-indent: 2em">
                {{ $t("menu.menu1-2") }}
            </p>
            <p style="text-indent: 4em">
                {{ $t("menu.menu1-2-2") }}
            </p>
            <el-input v-model="input" />

            <div v-if="query.text" class="mt-4">
                此页面携带的参数值为：{{ query.text }}
            </div>
        </div>
    </el-card>
</template>
